<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div class="easyui-panel" style="padding:5px" data-options="fit:true,fitColumns:true">
	<!-- ------------------------------------------------------grid------------------------------------------------------ -->
	<table id="logo_dg" >
		<thead>
			<tr>
				<th data-options="field:'name',width:100">品牌</th>
				<th data-options="field:'seller',width:100">创建人</th>
				<th data-options="field:'create_time',width:100">创建时间</th>
				<th data-options="field:'sort',width:100">排序</th>
				<th data-options="field:'id',hidden:true"></th>
			</tr>
		</thead>
	</table>
	<!-- ------------------------------------------------------grid工具栏------------------------------------------------------ -->
	<div id="logo_tb" >
		<table cellpadding="0" cellspacing="0">
			<tr>
				<td style="padding-left: 2px">
					<a href="javascript:void(0);" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="add_logo();">添加</a> 
					<a href="javascript:void(0);" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="edit_logo();">编辑</a> 
					<a href="javascript:void(0);" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="del_logo();">删除</a>
				</td>
			</tr>
		</table>
		
	</div>
</div>
<!-- ------------------------------------------------------弹窗------------------------------------------------------ -->
<div id="logo_dlg" class="easyui-dialog" title="品牌编辑" style="width:400px;height:300px;padding:10px"
		data-options="
			modal:true,
			closed:true,
			iconCls: 'icon-save',
			buttons: [{
				text:'Ok',
				iconCls:'icon-ok',
				handler:function(){
					submit_logo();
				}
			},{
				text:'Cancel',
				handler:function(){
					$('#logo_dlg').dialog('close');
				}
			}]
		">
	<div style="padding:10px 60px 20px 60px">	
	<form id="logo_form" method="post">
		<input name="logo.id" id="id" type="hidden"/>
    	<table cellpadding="5">
    		<tr>
    			<td>品牌:</td>
    			<td><input class="easyui-textbox" type="text" id="name" name="logo.name" ></input></td>
    		</tr>
    		<tr>
    			<td>创建人:</td>
    			<td><input class="easyui-textbox" type="text" id="seller" name="logo.seller" ></input></td>
    		</tr>
    		<tr>
    			<td>创建时间:</td>
    			<td>
    				<input class="easyui-datetimebox" id="create_time" name="logo.create_time" ></input>
    			</td>
    		</tr>
    		<tr>
    			<td>排序:</td>
    			<td><input class="easyui-textbox" type="text" id="sort" name="logo.sort" ></input></td>
    		</tr>
    	</table>
    </form>
	</div>
</div>

<script type="text/javascript">
$(function(){
	$("#logo_dg").datagrid({
		title : '品牌管理',
		url : "logo/getPage",
		//iconCls : 'icon-ok',
		//width : 'auto',
		pageSize : 15,//默认选择的分页是每页5行数据
		pageList : [ 15, 20, 30, 40 ],//可以选择的分页集合
		nowrap : false,//设置为true，当数据长度超出列宽时将会自动截取
		striped : true,//设置为true将交替显示行背景。
		//collapsible : true,//显示可折叠按钮
		toolbar:"#logo_tb",//在添加 增添、删除、修改操作的按钮要用到这个
		border:true,
		loadMsg : '数据装载中......',
		singleSelect:true,//为true时只能选择单行
		fit:true,
		fitColumns:true,//允许表格自动缩放，以适应父容器
		//sortName : 'xh',//当数据表格初始化时以哪一列来排序
		//sortOrder : 'desc',//定义排序顺序，可以是'asc'或者'desc'（正序或者倒序）。
		//remoteSort : false,
		//frozenColumns : [ [ {
		//	field : 'ck',
		//	checkbox : true
		//} ] ], 
		pagination : true,//分页
		rownumbers : true//行数
	});	
	
	
})

//增加
function add_logo(){
	$('#id').val('');
	$('#logo_dlg').dialog('open');
}
//编辑
function edit_logo(){
	var row = $("#logo_dg").datagrid('getSelected');
	if (row) {
		//$('#logo_form').form('load', 'logo/getById?id='+row.id);
		$('#logo_form').form('load', {
			'logo.id' : row.id,
			'logo.name' : row.name,
			'logo.seller' : row.seller,
			'logo.create_time' : row.create_time,
			'logo.sort' : row.sort
		});
		$('#logo_dlg').dialog('open');
	}else{
		parent.$.messager.show({
			title :"提示",
			msg :"请选择一行记录!",
			timeout : 1000 * 2
		});
	}
}

//删除
function del_logo()
{
	var row = $("#logo_dg").datagrid('getSelected');
	if(row){
		var rowIndex = $("#logo_dg").datagrid('getRowIndex', row);
		parent.$.messager.confirm("提示","确定要删除记录吗?",function(r){  
		    if (r){  
		    	$("#logo_dg").datagrid('deleteRow', rowIndex);
				$.ajax({
					url:"logo/delete",
					data: "id="+row.id,
					success: function(rsp){
						parent.$.messager.show({
							title : rsp.title,
							msg : rsp.message,
							timeout : 1000 * 2
						});
					}
				});
		    }  
		});
	}else{
		parent.$.messager.show({
			title : "提示",
			msg :"请选择一行记录!",
			timeout : 1000 * 2
		});
	}
}


//form提交
function submit_logo()
{
	$('#logo_form').form('submit', {
		url :'logo/submit',
		onSubmit : function() {
			parent.$.messager.progress({
				title : '提示',
				text : '数据处理中，请稍后....'
			});
			var isValid = $(this).form("validate");
			if (!isValid) {
				parent.$.messager.progress("close");
			}
			if(isValid){
				return true;
			}else{
				return false;
			}
		},
		success : function(result) {
			$('#logo_dg').datagrid('reload');
			parent.$.messager.progress('close');
			$('#logo_dlg').dialog('close');
		}
	});
	

}


</script>

</body>
</html>